<template>
  <div class="pro-wr">
    <side-lay class="side-sty"></side-lay>
    <div class="pro-con">
      <page-head></page-head>
      <router-view></router-view>
      <text-container></text-container>
    </div>
  </div>
</template>
<script>
import SideLay from './components/SideLay.vue'
import PageHead from './view/components/page-head.vue';
import textContainer from "./view/components/text-container.vue";
export default {
  components: { SideLay, textContainer, PageHead },
  data() {
    return {

    }
  },
}
</script>

<style lang="less" scoped>
.pro-wr {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: #F5F5F7;
  padding: 67px 239px 0 98px;
  display: flex;
  gap: 80px;

  .side-sty {
    min-width: 303px;
    max-width: 303px;
  }

  .pro-con {
    width: calc(100% - 303px);
  }
}
</style>